<template>
    <div id='app'>
        <!-- <div1></div1> -->
        <!-- <div2 :age123='age'></div2> -->
        <!-- <com3></com3> -->
        <todo/>
        {{1000|money}}
    </div>
</template>
<script>
// @ is an alias to /src
// 先去导入组件 然后注册 然后使用
// import com1 from './1_组件'
// import com2 from './2_组件'
// import com3 from './3_动态组件'
import todo from './todo'
export default {
    name: 'Day4App',// name  不能是 已有的html标签
    components: {
        // 这里存放的是 要注册的组件
        // 这里的属性名 就是我们要去使用的组件的名字 也不能是已有的html标签
        // div1:com1,
        // div2:com2
        // com3:com3
        todo:todo
    },
    filters:{
        // 局部自定义指令 只能应用在当前组件  不能用在子组件
        money(val){
            return '$'+val
        }
    },
    data() {
        return {
            age:100
        }
    },
}
</script>
<style lang="less">

</style>